<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
        <link rel="stylesheet" href="../css/m.style.css" />
        <link rel="stylesheet" href="../css/jqmEdit.css" />
        <link rel="stylesheet" type="text/css" href="../css/common.css" />
        <link rel="stylesheet" type="text/css" href="glog.css" />
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
        <title>OAASYS2.0-MOBILE</title>
    </head>
    <body>
        <div id="viewport">
            <div id="oMenu"></div>
            <div data-role="page" class="myGroup">
                <div class="header orange" data-role="header" data-position="fixed">
                    <a href="javascript:void(0);" class="headBtn leftBtn" data-role="none"><i class="ico_hBtn1"></i></a>
                    <h1><a href="javascript:void(0);" class="headText" data-role="none">그룹</a></h1>
                    <a href="javascript:void(0);" class="headBtn rightBtn" data-role="none"><i class="ico_hBtn2"></i></a>
                </div>
                <div class="container" data-role="content">
                        <a href="javascript:void(0);" hidefocus="true" class="touchArea">
                    <div class="groupArea">
                        <div class="thumbPlace">
                            <span class="imgWrapper"><img src="img/sample_grp.jpg" alt="" class="thumb_grp" ></span>
                        </div>
                        <div class="infoPlace">
                            <p class="grp_name">
                                IT/정보화
                            </p>
                            <p class="grp_info">
                                IT/정보화 종사자 모임모임모임모임모임모임모임모임모임모임모임모임모임모임모임모임모임
                            </p>
                            <p class="grp_memberNum">
                                <img src="img/icon_groupMem.png" alt="멤버수">285
                            </p>
                        </div>
                        <div class="tabPlace">
                            <span><img src="img/icon_arrow_r.png" alt="다음"></span>
                        </div>
                    </div>
                        </a>
                    <ul class="myTagArea">
                        <li class="myTagList">
                            <a href="javascript:void(0);" class="myTagText">IT개발</a>
                        </li>
                        <li class="myTagList">
                            <a href="javascript:void(0);" class="myTagText">나의관심태그란다</a>
                        </li>
                        <li class="myTagList">
                            <a href="javascript:void(0);" class="myTagText">IT개발</a>
                        </li>
                        <li class="myTagList">
                            <a href="javascript:void(0);" class="myTagText">IT개발자</a>
                        </li>
                    </ul>
                    <div class="sortArea">
                        <a href="javascript:void(0);" class="sortText sortOn"><i class="sortIcon time"></i>최신</a>
                        <span class="barText">|</span>
                        <a href="javascript:void(0);" class="sortText"><i class="sortIcon useful"></i>유용해요</a>
                    </div>
                    <ul class="itemArea">
                        <li class="itemList">
                            <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                            <div class="itemContent">
                                <p class="nameLoc">
                                    <span class="authorText">서동현</span><span class="barText">|</span><span class="category">직장인 창업 노하우</span>
                                    <span class="regidate">17:57:20</span>
                                </p>
                                <a href="javascript:void(0);" class="titleLoc">창업을 꿈꾸는 자들이 꼭 읽어야 할 "THE LEAN" 입니다.</a>
                                <p class="contentLoc">
                                    원문: <a href="javascript:void(0);" class="contentLink">http://onlinebiz.kr/archives/531</a> 창업아이디어가 있다면, 여러분이 필요한 것은 그 아이디어를 실행시키는 것...<a href="javascript:void(0);" class="moreLink">더보기</a>
                                </p>
                                <p class="picLoc" style="display:none">
                                </p>
                                <p class="tagLoc">
                                    <strong>창업노하우</strong>, 직장생활
                                </p>
                                <p class="infoLoc">
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item reply"></i>댓글</a>
                                    <span class="barText">|</span>
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item useful"></i>유용해요<span class="infoNum">5</span></a>
                                    <span class="barText">|</span>
                                    <span class="infoText">스크랩<span class="infoNum">5</span></span>
                                </p>
                            </div>
                            <div class="fnLayer">
                                <div class="fnPlace">
                                    <span class="fnCommon"> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn1"></i>
                                        <p class="fnText">
                                            페이스북
                                        </p> </a> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn2"></i>
                                        <p class="fnText">
                                            트위터
                                        </p> </a> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn3"></i>
                                        <p class="fnText">
                                            스크랩
                                        </p> </a> </span>
                                    <span class="fnMy"> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn4"></i>
                                        <p class="fnText">
                                            수정
                                        </p> </a> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn5"></i>
                                        <p class="fnText">
                                            삭제
                                        </p> </a> </span>
                                </div>
                            </div>
                        </li>
                        <li class="itemList">
                            <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                            <div class="itemContent">
                                <p class="nameLoc">
                                    <span class="authorText">서명희</span>
                                    <span class="regidate">12.12.06</span>
                                </p>
                                <a href="javascript:void(0);" class="titleLoc topicLoc"><span class="typeBox">토픽</span>내가 함께 일하고 싶은 회사동료, 상사의 모습은?</a>
                                <p class="contentLoc">
                                    본인의 의견을 존중해주는 문화, 서로 헐뜯지 않는 조직, 부하의 잘못을 너그럽게 용서하는 상하관계, 회사 발전을 위해...<a href="javascript:void(0);" class="moreLink">더보기</a>
                                </p>
                                <p class="picLoc" style="display:none">
                                </p>
                                <p class="tagLoc">
                                    조직문화, 리더십
                                </p>
                                <p class="infoLoc">
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item reply"></i>댓글<span class="infoNum">5</span></a>
                                    <span class="barText">|</span>
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item feedback"></i>피드백<span class="infoNum">13</span></a>
                                    <span class="barText">|</span>
                                    <span class="infoText">스크랩<span class="infoNum">5</span></span>
                                </p>
                            </div>
                            <div class="fnLayer">
                                <div class="fnPlace">
                                    <span class="fnCommon"> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn1"></i>
                                        <p class="fnText">
                                            페이스북
                                        </p> </a> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn2"></i>
                                        <p class="fnText">
                                            트위터
                                        </p> </a> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn3"></i>
                                        <p class="fnText">
                                            스크랩
                                        </p> </a> </span>
                                    <span class="fnMy"> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn4"></i>
                                        <p class="fnText">
                                            수정
                                        </p> </a> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn5"></i>
                                        <p class="fnText">
                                            삭제
                                        </p> </a> </span>
                                </div>
                            </div>
                        </li>
                        <li class="itemList">
                            <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                            <div class="itemContent">
                                <p class="nameLoc">
                                    <span class="authorText">서명희</span>
                                    <span class="regidate">12.12.06</span>
                                </p>
                                <a href="javascript:void(0);" class="titleLoc" style="display:none"></a>
                                <p class="contentLoc">
                                    지난 금요일에 팀 워크샵으로 석모도에 다녀왔습니다. 날씨도 좋고, 경치도 좋고, 음식도 맛있었어요 아이맛있어...<a href="javascript:void(0);" class="moreLink">더보기</a>
                                </p>
                                <p class="picLoc">
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic1.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic2.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic3.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic4.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic5.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic6.gif" alt=""></span></a>
                                </p>
                                <p class="tagLoc">
                                    워크샵, 석모도
                                </p>
                                <p class="infoLoc">
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item reply"></i>댓글<span class="infoNum">5</span></a>
                                    <span class="barText">|</span>
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item feedback"></i>피드백<span class="infoNum">13</span></a>
                                    <span class="barText">|</span>
                                    <span class="infoText">스크랩<span class="infoNum">5</span></span>
                                </p>
                            </div>
                        </li>
                        <li class="itemList">
                            <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                            <div class="itemContent">
                                <p class="nameLoc">
                                    <span class="authorText">서명희</span>
                                    <span class="regidate">12.12.06</span>
                                </p>
                                <a href="javascript:void(0);" class="titleLoc"><span class="typeBox">SOS</span>신입사원이 읽어야 할 책 중에 얇고 만화 많은 것으로 추천해주세요</a>
                                <p class="contentLoc">
                                    안녕하십니까? 저는 지금 외국계(일본계)금융회사에서 수출입업무 부서에 채용되어 첫 출근을 앞두고 있습니다. 책을 읽을...<a href="javascript:void(0);" class="moreLink">더보기</a>
                                </p>
                                <p class="picLoc" style="display:none">
                                </p>
                                <p class="tagLoc">
                                    대화법, 직장생활
                                </p>
                                <p class="infoLoc">
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item answer"></i>답변<span class="infoNum">13</span></a>
                                    <span class="barText">|</span>
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item useful"></i>유용해요<span class="infoNum">3</span></a>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </body>
</html>